/*冒頭2文字、PC：PC版、SP：SP版*/


@media only screen and (max-width: 480px) {
  body {
    overflow-x: hidden !important;
  }
}

@charset "utf-8";

body {
  margin: 0px
}

img {
  BORDER: 0px;
}

@media only screen and (max-width: 959px) {
  .g-main br {
    display: none;
  }
}

@media only screen and (max-width: 960px) {
  .g-lnav_lv1_el_pichon {
    float: none;
  }
}

.pc-ls-000 {
  letter-spacing: 0em !important;
}

.pc-ls-003 {
  letter-spacing: -0.03em !important;
}

.pc-ls-005 {
  letter-spacing: -0.05em !important;
}

.pc-ls-006 {
  letter-spacing: -0.06em !important;
}

.pc-ls-008 {
  letter-spacing: -0.08em !important;
}

.pc-ls-010 {
  letter-spacing: -0.1em !important;
}

.pc-ls-013 {
  letter-spacing: -0.13em !important;
}

.pc-ls-018 {
  letter-spacing: -0.18em !important;
}

.pc-width-55 {
  width: 55% !important;
}

.pc-width-45 {
  width: 45% !important;
}

.pc-width-66 {
  width: 66.7% !important;
}

.pc-width-33 {
  width: 33.3% !important;
}

.pc-width-75 {
  width: 75% !important;
}

.pc-width-25 {
  width: 25% !important;
}

.pc-width-80 {
  width: 80% !important;
}

.pc-width-20 {
  width: 20% !important;
}

.pc-width-60 {
  width: 60% !important;
}

.pc-width-40 {
  width: 40% !important;
}

.pc-width-35 {
  width: 35% !important;
}

.pc-width-70 {
  width: 70% !important;
}

.pc-width-30 {
  width: 30% !important;
}

.pc-width-90 {
  width: 90% !important;
}

.pc-width-15 {
  width: 15% !important;
}

.pc-width-10 {
  width: 10% !important;
}

@media only screen and (max-width: 480px) {
  .pc-width-55 {
    width: auto !important;
  }

  .pc-width-45 {
    width: auto !important;
  }

  .pc-width-66 {
    width: auto !important;
  }

  .pc-width-33 {
    width: auto !important;
  }

  .pc-width-75 {
    width: auto !important;
  }

  .pc-width-25 {
    width: auto !important;
  }

  .pc-width-80 {
    width: auto !important;
  }

  .pc-width-20 {
    width: auto !important;
  }

  .pc-width-60 {
    width: auto !important;
  }

  .pc-width-40 {
    width: auto !important;
  }

  .pc-width-35 {
    width: auto !important;
  }

  .pc-width-70 {
    width: auto !important;
  }

  .pc-width-30 {
    width: auto !important;
  }

  .pc-width-90 {
    width: auto !important;
  }

  .pc-width-15 {
    width: auto !important;
  }

  .pc-width-10 {
    width: auto !important;
  }
}

@media only screen and (max-width: 480px) {

  .g-media_left.sp-leftkeep {
    display: inline-block;
    float: right !important;
  }

  body .sp-valign-t {
    vertical-align: top !important;
  }

  body .sp-valign-b {
    vertical-align: bottom !important;
  }

  .bod_l.spno_b {
    border-left: none;
  }

  .sp_nobord:before {
    display: none;
  }

  .sp-inline-block {
    display: inline-block;
  }

  .sp-talign-c {
    text-align: center;
  }

  .sp-talign-l {
    text-align: left;
  }

  .sp-talign-r {
    text-align: right;
  }

  .sp-width-10 {
    width: 10% !important;
  }

  .sp-width-20 {
    width: 20% !important;
  }

  .sp-width-30 {
    width: 30% !important;
  }

  .sp-width-40 {
    width: 40% !important;
  }

  .sp-width-50 {
    width: 50% !important;
  }

  .sp-width-60 {
    width: 60% !important;
  }

  .sp-width-70 {
    width: 70% !important;
  }

  .sp-width-80 {
    width: 80% !important;
  }

  .sp-width-90 {
    width: 90% !important;
  }

  .sp-width-100 {
    width: 100% !important;
  }

  .sp-width-110 {
    width: 110% !important;
  }

  .sp-width-120 {
    width: 120% !important;
  }

  .sp-ma-0 {
    margin: 0 0 0 0;
  }

  .sp-mb-0 {
    margin-bottom: 0px !important;
  }

  .sp-mb-5 {
    margin-bottom: 5px !important;
  }

  .sp-mb-10 {
    margin-bottom: 10px !important;
  }

  .sp-mb-15 {
    margin-bottom: 15px !important;
  }

  .sp-mb-20 {
    margin-bottom: 20px !important;
  }

  .sp-mb-30 {
    margin-bottom: 30px !important;
  }

  .sp-mb-40 {
    margin-bottom: 40px !important;
  }

  .sp-mb-50 {
    margin-bottom: 50px !important;
  }

  .sp-mt-0 {
    margin-top: 0px !important;
  }

  .sp-mt-5 {
    margin-top: 5px !important;
  }

  .sp-mt-10 {
    margin-top: 10px !important;
  }

  .sp-mt-15 {
    margin-top: 15px !important;
  }

  .sp-mt-20 {
    margin-top: 20px !important;
  }

  .sp-mt-30 {
    margin-top: 30px !important;
  }

  .sp-mt-40 {
    margin-top: 40px !important;
  }

  .sp-mt-50 {
    margin-top: 50px !important;
  }

  .sp-mr-0 {
    margin-right: 0px !important;
  }

  .sp-mr-5 {
    margin-right: 5px !important;
  }

  .sp-mr-10 {
    margin-right: 10px !important;
  }

  .sp-mr-20 {
    margin-right: 20px !important;
  }

  .sp-mr-30 {
    margin-right: 30px !important;
  }

  .sp-mr-40 {
    margin-right: 40px !important
  }

  .sp-mr-50 {
    margin-right: 50px !important;
  }

  .sp-ml-0 {
    margin-left: 0px !important;
  }

  .sp-ml-5 {
    margin-left: 5px !important;
  }

  .sp-ml-10 {
    margin-left: 10px !important;
  }

  .sp-ml-20 {
    margin-left: 20px !important;
  }

  .sp-ml-30 {
    margin-left: 30px !important;
  }

  .sp-ml-40 {
    margin-left: 40px !important;
  }

  .sp-ml-50 {
    margin-left: 50px !important;
  }

  .sp-pb-0 {
    padding-bottom: 0px !important;
  }

  .sp-pb-5 {
    padding-bottom: 5px !important;
  }

  .sp-pb-10 {
    padding-bottom: 10px !important;
  }

  .sp-pb-15 {
    padding-bottom: 15px !important;
  }

  .sp-pb-20 {
    padding-bottom: 20px !important;
  }

  .sp-pb-30 {
    padding-bottom: 30px !important;
  }

  .sp-pb-40 {
    padding-bottom: 40px !important;
  }

  .sp-pb-50 {
    padding-bottom: 50px !important;
  }

  .sp-pt-0 {
    padding-top: 0px !important;
  }

  .sp-pt-5 {
    padding-top: 5px !important;
  }

  .sp-pt-10 {
    padding-top: 10px !important;
  }

  .sp-pt-15 {
    padding-top: 15px !important;
  }

  .sp-pt-20 {
    padding-top: 20px !important;
  }

  .sp-pt-30 {
    padding-top: 30px !important;
  }

  .sp-pt-40 {
    padding-top: 40px !important;
  }

  .sp-pt-50 {
    padding-top: 50px !important;
  }

  .sp-pt-80 {
    padding-top: 80px !important;
  }

  .sp-pr-0 {
    padding-right: 0px !important;
  }

  .sp-pr-5 {
    padding-right: 5px !important;
  }

  .sp-pr-10 {
    padding-right: 10px !important;
  }

  .sp-pr-15 {
    padding-right: 15px !important;
  }

  .sp-pr-20 {
    padding-right: 20px !important;
  }

  .sp-pr-30 {
    padding-right: 30px !important;
  }

  .sp-pr-40 {
    padding-right: 40px !important;
  }

  .sp-pr-50 {
    padding-right: 50px !important;
  }

  .sp-pl-0 {
    padding-left: 0px !important;
  }

  .sp-pl-5 {
    padding-left: 5px !important;
  }

  .sp-pl-10 {
    padding-left: 10px !important;
  }

  .sp-pl-15 {
    padding-left: 15px !important;
  }

  .sp-pl-20 {
    padding-left: 20px !important;
  }

  .sp-pl-30 {
    padding-left: 30px !important;
  }

  .sp-pl-40 {
    padding-left: 40px !important;
  }

  .sp-pl-50 {
    padding-left: 50px !important;
  }

  .sp-pa-0 {
    padding: 0;
  }

  .sp-pa-5 {
    padding: 5px;
  }

  .sp-h3-img-2w {
    width: 70px;
  }

  .sp-h3-img-3w {
    width: 83px;
  }

  .sp-h3-img-4w {
    width: 105px;
  }

  .sp-h3-img-8w {
    width: 160px;
  }

  .sp-ls-000 {
    letter-spacing: 0em !important;
  }

  .sp-ls-001 {
    letter-spacing: -0.01em !important;
  }

  .sp-ls-002 {
    letter-spacing: -0.02em !important;
  }

  .sp-ls-003 {
    letter-spacing: -0.03em !important;
  }

  .sp-ls-004 {
    letter-spacing: -0.04em !important;
  }

  .sp-ls-005 {
    letter-spacing: -0.05em !important;
  }

  .sp-ls-006 {
    letter-spacing: -0.06em !important;
  }

  .sp-ls-007 {
    letter-spacing: -0.07em !important;
  }

  .sp-ls-008 {
    letter-spacing: -0.08em !important;
  }

  .sp-ls-009 {
    letter-spacing: -0.09em !important;
  }

  .sp-ls-010 {
    letter-spacing: -0.10em !important;
  }

  .sp-ls-011 {
    letter-spacing: -0.11em !important;
  }

  .sp-ls-012 {
    letter-spacing: -0.12em !important;
  }

  .sp-ls-013 {
    letter-spacing: -0.13em !important;
  }

  .sp-ls-014 {
    letter-spacing: -0.14em !important;
  }

  .sp-ls-015 {
    letter-spacing: -0.15em !important;
  }

  .sp-ls-020 {
    letter-spacing: -0.2em !important;
  }

  .sp-br br {
    display: inherit !important;
  }
}

/*仕切り線*/
.sp-border-l-no {
  border-left: solid 1px #ccc;
}

@media only screen and (max-width: 480px) {
  .sp-border-l-no {
    border-left: none;
  }
}

.sp-noborder-1 {
  border-right: solid 2px #ccc;
}

@media only screen and (max-width: 480px) {
  .sp-noborder-1 {
    border-right: none !important;
  }
}

.sp-noborder-2 {
  border-right: 1px dotted #fff;
}

@media only screen and (max-width: 480px) {
  .sp-noborder-2 {
    border-right: none !important;
  }
}

.sp-noborder-3 {
  border-right: solid 2px #000;
}

@media only screen and (max-width: 480px) {
  .sp-noborder-3 {
    border-right: none !important;
  }
}

/*仕切り線*/

.pc-ls-001-p {
  letter-spacing: 0.01em;
}

.pc-ls-002-p {
  letter-spacing: 0.02em;
}

.pc-ls-003-p {
  letter-spacing: 0.03em;
}

.pc-ls-004-p {
  letter-spacing: 0.04em;
}

.pc-ls-005-p {
  letter-spacing: 0.05em;
}

.pc-ls-006-p {
  letter-spacing: 0.06em;
}

.pc-ls-007-p {
  letter-spacing: 0.07em;
}

.pc-ls-008-p {
  letter-spacing: 0.08em;
}

.pc-ls-009-p {
  letter-spacing: 0.09em;
}

.pc-ls-010-p {
  letter-spacing: 0.10em;
}

.pc-ls-015-p {
  letter-spacing: 0.15em;
}

.sp-no-border-l {
  border-left: 1px solid #ccc;
}

@media only screen and (max-width: 480px) {
  .sp-no-relative {
    position: static !important;
  }

  .sp-no-absolute {
    position: static !important;
  }

  .sp-no-border-l {
    border-left: none;
  }

  .sp-align-r {
    margin-left: auto;
  }

  .sp-align-l {
    margin-right: auto;
  }

  .sp-align-c {
    margin-left: auto;
    margin-right: auto;
  }
}
.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.label-3 {
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  display: inline-block;
}

.label-4 {
  background: #0099CC;
  color: #fff;
  padding: 5px;
  display: inline-block;
}

.label-5 {
  background: #fc6c6c;
  color: #fff;
  padding: 5px;
  display: inline-block;
}

.g-media_left img.w70 {
  width: 70px;
}

.g-media_left img.w60 {
  width: 60px;
}

.g-breadcrumbs.bg_w_raga {
  margin: 0 -15px 0;
  background: rgba(255, 255, 255, 0.5);
  padding-top: 10px;
  padding-bottom: 10px;
}
/*ラインアップ*/
#lineup .g-section-lg {
  background: #dbeef4 url("/cleanair/common2024/images/lineup/bg_lineup_2024.jpg") no-repeat scroll 50% 50%;
}

#lineup-biz .g-section-lg {
  background: #242424 url("/cleanair/common2024/images/lineup/bg_lineup-biz_2024.jpg") no-repeat scroll 50% 50%;
}

.g-main {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
}

#lineup .g-section-lg,
#lineup-biz .g-section-lg {
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
  padding-right: calc(50vw - 50%);
  padding-left: calc(50vw - 50%);
}

#lineup h2,
#lineup-biz h2 {
  font-size: 31px;
  font-weight: 600;
}

#lineup-biz h2 {
  color: #fff;
}

.shadow1 {
  filter: drop-shadow(0px 0px 5px rgba(160, 160, 160, 0.2));
}
@media only screen and (max-width: 480px) {
  #lineup h2,
  #lineup-biz h2 {
      font-size: 27px;
      font-weight: 600;
  } 

}

  /*暫定*/
.ca-grid-2b>.g-grid_el:first-child {
  width: 75% !important;
  ;
}

.ca-grid-2b .g-grid_el {
  width: 25% !important;
}

.ca-grid-2b>.g-grid_el:nth-child(2n+1),
.ca-grid-2b>.g-grid_el-2n {
  clear: left;
}

.ca-grid-2b .g-grid-3>.g-grid_el {
  width: 33.333333% !important;
  padding: 7.7px 0;
}

@media only screen and (max-width: 480px) {
  .ca-grid-2b:not(.g-grid-keep)>.g-grid_el {
      margin: 15px 0 0 0;
      padding: 0;
      float: none;
      width: 100%;
  }

  .ca-grid-2b>.g-grid_el:first-child {
      width: 100% !important;
  }

  .ca-grid-2b .g-grid-3>.g-grid_el {
      margin: 15px 0 0 0 !important;
      width: 100% !important;
      padding: 0 0 !important;
  }

  .ca-grid-2b .g-grid_el {
      width: 100% !important;
  }
}
.ca-width-55 {
  width: 55% !important;
}

.ca-width-45 {
  width: 45% !important;
}

.ca-width-66 {
  width: 66.7% !important;
}

.ca-width-33 {
  width: 33.3% !important;
}

.ca-width-75 {
  width: 75% !important;
}

.ca-width-25 {
  width: 25% !important;
}

@media only screen and (max-width: 480px) {
  .ca-width-55 {
      width: 100% !important;
  }

  .ca-width-45 {
      width: 100% !important;
  }

  .ca-width-66 {
      width: 55% !important;
  }

  .ca-width-33 {
      width: 45% !important;
  }

  .ca-width-75 {
      width: auto !important;
  }

  .ca-width-25 {
      width: auto !important;
  }
}